<!-- eslint-disable vue/multi-word-component-names -->
<template>
    <div class="container">
        <!-- 图片 -->
        <div class="top-box">
            <img src="../../assets/images/zoo.png" alt="">
        </div>
        <!-- 宠物列表 -->
        <petintroduction/>
    </div>
</template>

<script setup lang="ts">
import Petintroduction from './components/Petintroduction.vue';

</script>

<style lang="scss" scoped>
.container {
  width: 100%;
  margin: 0 auto;
  margin-top: 250px;
}
.top-box{
    width: 1200px;
    margin: 0 auto;
    img{
        width: 1200px;
        height: 700px;
    }
}
</style>